/* CSS Document */

.About{ padding:30px 0;}

.about-con{ padding:0 30px 0 60px;}
.about-con .title{ font-size:14px; color:#126ea4; font-weight:bold; background:url(../images/about-title.png) no-repeat center; text-align:center; padding:30px 0;}
.about-con .text{ margin-bottom:30px;}
.about-con .xzly{ overflow:hidden; margin-bottom:20px;}
.about-con .xzly ul{ list-style-type:none;  padding:0;}
.about-con .xzly li{ padding:0; position:relative; overflow:hidden;}
.about-con .xzly li .img{ width:100%; position:relative;  z-index:1;}
.about-con .xzly li .img img{ width:100%;}
.about-con .xzly li .box{ text-align:center; position:absolute; width:100%; height:100%; z-index:2;color:#fff;}
.about-con .xzly li .box .num{ font-size:18px; font-weight:bold; position:relative; margin:50px 0 20px;}
.about-con .xzly li .box .num::before{ content:""; position:absolute; width:22px; height:2px; background:#fff; left:50%; margin-left:-11px; bottom:-1px;}
.about-con .xzly li .box .cn{ font-size:16px; font-weight:600; margin-bottom:6px;}
.about-con .xzly li .box .en{ font-size:12px; color:#b6b6b6;}

.gsfc-con{ overflow:hidden;}
.gsfc-con ul{ list-style-type:none; padding:0;}
.gsfc-con li{ margin-top:25px;}
.gsfc-con li img{ width:100%; transition: all 0.3s linear 0s;}
.gsfc-con li:hover img{ opacity:.6;}

.about-kd .title{ font-size:14px; color:#126ea4; font-weight:bold; background:url(../images/about-title2.png) no-repeat center; text-align:center; padding:30px 0;}

.about-kd{}
.about-kd .box{ overflow:hidden; padding:20px 0;}
.about-kd .box .text{ line-height:24px;}
.about-kd .box .img{ text-align:center;}
.about-kd .box .img img{ max-width:100%;}
.about-kd .box:nth-child(2) .img{ float:right;}

.about-kd ul{ list-style-type:none; padding:0;}
.about-kd .case li{ margin-bottom:30px;}
.about-kd .case .case-title{ font-size:14px; font-weight:bold; color:#000; text-align:center; margin-bottom:6px;}
.about-kd .case .case-text{ font-size:14px; color:#000; line-height:24px; height:100px;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;}
.about-kd .case .img img{ width:100%;}

.about-kd .yy li{ margin-bottom:10px;}
.about-kd .yy .yy-title{ font-size:14px; color:#000; text-align:center; padding:6px 0;}
.about-kd .yy .img img{ width:100%;}


@media (max-width: 992px){
.about-con{ padding:0 15px;}
}
@media (max-width: 768px){

}